import AOS from "aos";
import "aos/dist/aos.css";

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.hook("app:mounted", () => {
    // 确保在客户端渲染完成后初始化 AOS
    AOS.init({
      // 配置选项
      duration: 1000, // 动画持续时间（毫秒）
      easing: "ease-in-out", // 动画缓动函数
      once: true, // 元素只触发一次动画
      offset: 100, // 触发动画的距离阈值
      disable: "mobile", // 在移动设备上禁用（可选）
    });
    // 添加滚动事件监听，确保 AOS 在页面滚动时更新
    window.addEventListener("scroll", AOS.refresh);
    // 在组件卸载时清理事件
    nuxtApp.hook("app:unmounted", () => {
      window.removeEventListener("scroll", AOS.refresh);
    });
  });
});
